<template>
  <view class="product-images">
		<!-- <image class="slogan" src="/static/images/slogannew.png" v-if="needSlogan"></image> -->
    <view class="head">
		<view class ="title">商品详情</view>
    </view>
    <view class="images">
      <block v-for="(image, index) in images" :key="index">
        <image class="image" mode="widthFix" :src="image.image_url" ></image>
      </block>
    </view>
  </view>
</template>

<script>
export default {
  name: "ProductImagesCom",
  props: {
    images: {
      type: Array,
      required: true
    },
		needSlogan:{
			default:true
		}
  }
}
</script>

<style lang="scss" scoped>
.product-images {
	width: 100%;
	overflow-x: hidden;
  .slogan {
    display: block;
    width: 710rpx;
    height: 200rpx;
    margin: 0 auto;
    border-radius: 20rpx;
    border: 1px #EEEEEE solid;
  }
  .head {
    .title {
      display: block;
      width: 294rpx;
      height: 28rpx;
      margin: 30rpx auto 40rpx;
	  font-size:24rpx;
	  color:#333;
		text-align: center;
    }
  }
  .images {
    .image {
      display: block;
      width: 100%;
    }
  }
}
</style>
